@media screen and (max-width:768px){
    html{
        font-size: 3.88vw;
    }
}		
@media screen and (min-width:768px){
    html{
        font-size: 4.88vw;
    }
}	
@media screen and (min-width:1024px){
    html{
        font-size: 5.88vw;
    }
}	
@media screen and (min-width:1200px){
    html{
        font-size: 6.58vw;
    }
}
body{
    font-size: 16px;
}


.top {
    width: 100%;
    height: .5rem;
    background: #fff;
    position: fixed;
    padding: .1rem .3rem;
    box-sizing: border-box;
  
    /* display: inline; */
    z-index: 99;
  }
  
  .topl {
    float: left;
  
    div {
      line-height: .3rem;
      font-size: .14rem;
      display: inline-block;
      color: #000;
  
      a {
        color: #000;
        font-size: .16rem;
      }
    }
  
    .tlogo::after {
      content: "|";
      margin: 0 .2rem;
      color: #000;
    }
  
    span a {
      color: #000;
      font-size: .16rem;
    }
  }
  
  .topc {
    width: 5rem;
    height: .5rem;
    line-height: .3rem;
    float: left;
    margin-left: 3.5rem;
  
    ul li {
      float: left;
      margin-right: .3rem;
  
      a {
        color: #000;
        font-size: .16rem;
      }
    }
  }
  
  .topr {
    display: flex;
    align-items: center;
    float: right;
  
    span {
      &:nth-child(1) {
        margin-top: -0.15rem;
      }
  
      margin-right: .15rem;
  
      a {
        font-size: .16rem;
        color: #000;
      }
  
      &:nth-child(2), &:nth-child(3) {
        width: .32rem;
        height: .4rem;
        font-size: .25rem;
        color: #000;
      }
    }
  }
  .main{
    width: 12.1rem;
    height: 16.1658rem;
    display: flex;
    justify-content: space-between;
    padding: .52rem 0 0;
    box-sizing: border-box;
    position: relative;
      .left{
        width: 8.47rem;
        padding: .24rem .32rem 0 .24rem;
        img{
          position: absolute;
        }
        img:first-child{
          padding-bottom: .1rem;
        }
        
      }
      .right{
        width: 4.41rem;
        padding: .24rem 0 0 .16rem;
        position: absolute;
        right: -1.5rem;
        // margin-left: .5rem;
        h2{
          font-size: .32rem;
        }
        .rcc{
          width: 3.63rem;
          h5{
            font-size: .20rem;
          }
          h6{
            font-size: .14rem;
          }
          div{
            margin: .8rem 0;
          }
          
          .rtc ul li{
            float: left;
            width: .15rem;
            height: .15rem;
            background: black;
            margin-top: .1rem;
            margin-right: .1rem;
            border-radius: 50%;
            border: 1px solid black;
          }
          .rtc ul li:nth-child(1){
            background: gray;
          }
          .rtc ul li:nth-child(3){
            background: #fff;
          }
          .rts ul li{
            float: left;
            margin-right: .5rem;
            margin-top: .1rem;
          }
          .rtn span{
            margin-top: .2rem;
            margin-right: .3rem;
            cursor: pointer;
          }
          .rtb a{
            font-size: .14rem;
            text-decoration: underline;
            color: #000;
          }
          .rtb div{
            margin: 0;
            width: 3rem;
            height: .4rem;
            background: #3E6AE1;
            margin: .3rem auto;
            border-radius: .2rem;
            line-height: .4rem;
            input{
              width: 2.5rem;
              height: .4rem;
              background: #3E6AE1;
              margin-left: .2rem;
              box-sizing: border-box;
              border: none;
              text-align: center;
              color: #fff;
              cursor: pointer;
            }
            
          }

        }
        .rtf{
          width: 4.41rem;
          font-size: .14rem;
          div{
            margin-bottom: .15rem;
          }
          ul{
            li{
              list-style: disc;
              margin-left: .15rem;

            }
          }
        }
      }
  }
  .foot{
    width: 15rem;
    height: .5rem;
    background: #fff;
    padding-top: .25rem ;
    box-sizing: border-box;
}
.foot ul{
    margin-left: 5rem;
    /* margin-top: .5rem; */
    cursor: pointer;
}
.foot ul li {
    float: left;
    font-size: .14rem;
    margin-right: .2rem;
}

